.navbar-fixed-top {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    /* z-index: 999; */
    margin-top: 0 !important;
    /* padding: 20px 0 !important; */
    /* background: #fff !important; */
    /* position: fixed !important; */
}

.navbar-fixed-top .navbar-nav>li>a {
    background: transparent !important;
}

.header-frontend .nav li a, .header-frontend .nav li.active ul.dropdown-menu li a {
    color: #454545;
    font-size: 15px;
    background: none !important;
}


.header-frontend .nav li.active a


carouse-box {
    margin-top: 110px;
    margin-bottom: 39px;
}

.carouse-box {
    margin-top: 100px;
    margin-bottom: 36px;
}

@media (max-width: 1200px) {
    carouse-box {
        margin-top: 80px;
    }
}

.custom-property {
    padding: 60px 0;
}

.classic-case-panel {
  color: #fff;
  text-align: center;
}


.red-box {
    position: absolute;
    left: -60px;
     background-color: rgba(252, 69, 72, 1);
     padding: 21px;
     color: #fff;
}
.red-box h4 {
    text-align: center;
}
@media (max-width: 1200px) {
    .red-box {
        position: relative;
        left: 0px;
        background-color: rgba(252, 69, 72, 1);
        padding: 21px;
        color: #fff;
    }
}

.text-box {
    padding-left: 30px !important;
}

.text-box h1 {
    margin-top: 0;
}

.text-box .publish-date {
    font-size: 12px;
    color: rgba(153, 153, 153, 1);
}
.rich-text-box {
 margin-top: 36px;
}

.rich-text-box p {
    line-height: 2.1;
    text-indent: 2em;
    font-size: 16px;
}

.body-right-text  {
    margin-top: 36px;
}

.body-right-text p {
    line-height: 2.1;
    text-indent: 2em;
    font-size: 16px;
}



.full-width {
    max-width: 100%;
}
.culture-item {
    font-size: 16px;
    margin-bottom: 60px;
}

.honor-item {
    font-size: 16px;
    margin-bottom: 60px;
}



.show-box{
    display: block;
}

.show-box-title{
    text-indent:2em;
    color: #fff;
    font-size: 18px;
}

@media (max-width: 1200px) {
    .show-box-title{
        text-indent:2em;
        color: #fff;
        font-size: 18px;
        text-align: center;
    }
    .show-box-black-title{
        text-indent:2em;
        font-size: 18px;
        text-align: center;
    }
}


.show-box-black-title{
    text-indent:2em;
    font-size: 18px;
}

.product-box-title{
    padding:18px;
    text-align: center;
    font-size: 18px;
}

.intro-text-box {
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em; /* 这里的值需要根据行高(line-height)进行调整 */
  line-height: 1.5em; /* 这是一个例子，你可以根据需要设置 */
  margin: 0;
}

.job-container {
    padding: 20px;
    width: 100%
}

.job-box {
    background: #f4f4f4;
    border-radius: 10px;
    padding: 20px;
    min-height: 210px;
    margin-bottom: 20px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}

.job-item-box {
    padding:18px;
    font-size: 16px;
    line-height: 0.3em;
}

.job-item-box .requirement {
    float: right;
}

.page-form label {
    display: inline-block;
    width: 60px;
    margin-bottom: 5px;
    font-weight: bold;
}

.page-form :is(textarea, input, select) {
  width: 100%;
  max-width: 300px;
  min-height: 36px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.page-form .helptext {
}


.table_title {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
 }

.home-case-img{
    width: 263px !important;
    height: 180px !important;
}

@media (max-width: 1200px) {
    .home-case-img{
        width: 100% !important;
        height: 100% !important;
    }
}

.product-img{
    width: 360px !important;
    height: 280px !important;
}

@media (max-width: 1200px) {
    .product-img{
        width: 100% !important;
        height: 100% !important;
    }
}

.home-news-intro {
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.show-a-line {
   display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.show-two-lines {
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.show-three-lines {
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.category .nav-item{
    font-size: 18px;
}


.category li.active a {
    color: #fff;
    background-color: #0862da !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}